<template>
  <div>
      <el-dialog :title="nan==1?$t('recharge.rechargeorder.fans'): $t('recharge.rechargeorder.follow')" :visible.sync="dialogTableVisible" :close-on-click-modal="false" @close="closeDiog"   >

        <div class="currents" v-if="nan==1">
          当前粉丝数：4555
        </div>
        <div class="currents" v-if="nan==2">
          当前关注数：4555
        </div>
        <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="序号"
        width="180">
      </el-table-column>
      <el-table-column
      v-if="nan==1"
        prop="name"
        label="粉丝昵称"
        width="180">
      </el-table-column>
      <el-table-column
      v-if="nan==2"
        prop="name"
        label="关注用户昵称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="关注时间">
      </el-table-column>
    </el-table>
       
  
  </el-dialog>
 
  </div>
 
</template>
<script>
 
  export default {
    props: ["itemInOf"],

    data() {
      return {
        tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }],
        dialogTableVisible: false,
          nan:'',
      };
    },

    methods: {
      //关闭铸币申请弹窗
      closeDiog(){
       
        this.fileList = []
      },
      init(nan) {
        this.dialogTableVisible = true;
        this.nan=nan
        console.log(444,this.nan)
       
      },
      openApplyCoinage(){

      }
    },
  };
</script>
<style>
  /* 去掉全选按钮 */
  .el-table .disabledCheck .cell .el-checkbox__inner {
    display: none !important;
  }

  .el-table .disabledCheck .cell::before {
    content: "选择";
    text-align: center;
    line-height: 10px;
  }
 
  .head{
    display: flex;
  }
  .currents{
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
  }

  
</style>
